<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>
			大云智联-产品中心
		</title>
		<link href="css/base.css" rel="stylesheet">
		<link href="css/main.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/W_product.css" />
		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/main.js"></script>
		<script src="js/mobile-util.js"></script>
	</head>
	<body>
	<!--TODO:header-->
	<header>
		<div class="header_nav_btn"><span></span><span></span><span></span></div>
		<div class="xdz_top_nav">
			<a href="index.html" class="xdz_logo_icon"><img src="img/head_foot/logo_icon.png" alt="大云智联"/></a>
			<a href="index.html" class="xdz_logo_iconB"><img src="img/head_foot/logo_iconC.png" alt="大云智联"/></a>
			<img src="img/head_foot/top_textImg.png"/>
			<ul class="clearfix">
				<li><a href="index.html">首页</a></li>
				<li><a href="#" class="xdz_nav_menu">大云产品</a>
					<div class="nav_min_menu">
						<a href="product.html">产品中心</a>
						<a href="min_planet.html">小行星系列</a>
						<a href="sugar.html">小糖果系列</a>
						<a href="min_guard.html">小卫士系列</a>
						<a href="card.html">小卡片系列</a>
						<a href="cat.html">招财猫系列</a>
					</div>
				</li>
				<li><a href="#">新闻动态</a></li>
				<li><a href="#">关于我们</a></li>
			</ul>
		</div>
		<ul class="xdz_product_menu clearfix">
			<li><a href="min_planet.html"><img src="img/xx/jqr.png"/></a>

				<p>小行星系列</p></li>
			<li><a href="sugar.html"><img src="img/sugar/xtg.png"/></a>

				<p>小糖果系列</p></li>
			<li><a href="min_guard.html"><img src="img/min_guard/images/menu_img.jpg"/></a>

				<p>小卫士系列</p></li>
			<li><a href="card.html"><img src="img/mini-card/zhengmian.png"/></a>

				<p>小卡片系列</p></li>
			<li><a href="cat.html"><img src="img/Cat/banner.png"/></a>

				<p>招财猫系列</p></li>
		</ul>
	</header>
	<!--TODO:container-->
	<div class="product_maxbox">
			<div class="product_banner">
				<div>
					<h2>
            大云智联，<br>
            &#x3000;&#x3000;开启智能安防新时代！
            </h2>
				</div>
			</div>
			<div class="product_box">
				<h3><i></i>
                <a href="index.html">首页&#x3000;>></a>
                <a href="product.html">产品中心</a>
            </h3>
				<div class="product_nav">
					<p class="xdz_product_nav_type">
						<span>产品类型:</span>
						<a >云台摄像机</a>
						<a >其他</a>
					</p>
					<p class="xdz_product_nav_all">
						<a class="product_nav_gd">更多</a>
						<span>
							<span>产品系列:</span>
							<a >小卫士系列</a>
							<a >小行星系列</a>
							<a >小糖果系列</a>
							<a >小卡片系列</a>
							<a >招财猫系列</a>
						</span>
					</p>
					<p>
						<span>应用范围:</span>
						<a href="#">居家应用</a>
						<a href="#">商业应用</a>
					</p>
				</div>
				<div class="product_menu">
					<ul class="product_menu_all clearfix">
						<li>
							<a href="min_guard.html"><img src="img/product/sample0-05.png" alt="图像无法显示" /></a>
							<a href="min_guard.html">小卫士<br> 云台摄像机
							</a>
						</li>
						<li>
							<a href="min_planet.html"><img src="img/product/sample0.png" alt="图像无法显示" /></a>
							<a href="min_planet.html">小行星（银）<br> 云台摄像机
							</a>
						</li>
						<li>
							<a href="sugar.html"><img src="img/product/sample0-04.png" alt="图像无法显示" /></a>
							<a href="sugar.html">小糖果<br> 云台摄像机
							</a>
						</li>
						<li>
							<a href="card.html"><img src="img/product/sample0-03.png" alt="图像无法显示" /></a>
							<a href="card.html">小卡片<br> 云台摄像机
							</a>
						</li>
						<li>
							<a href="cat.html"><img src="img/product/sample0-02.png" alt="图像无法显示" /></a>
							<a href="cat.html">招财猫<br> 云台摄像机
							</a>
						</li>
					</ul>
					<div class="product_menu_none">很抱歉 , 暂无其他产品</div>
				</div>
			</div>
		</div>
	<!--TODO:footer-->
	<footer>
		<div class="foot_cont clearfix">
			<div class="codeimg">
				<img src="img/head_foot/erwm.png"/>
				<p>官方微信公众号</p>
			</div>
			<div class="foot_text">
				<h2>400-000-0000<br>
					<span>周一至周日9:00-19:00</span></h2>
				<a href="#">关于我们</a>
				<a href="#">联系我们</a>
				<a href="#">加入我们</a>
				<p>Copyright@2017 深圳市大联智云科技有限公司All right server.</p>
			</div>
		</div>
	</footer>
	<script>
		$(function(){
			var kg=1;
			$(".product_nav_gd ").bind("click",function(){
				if(kg) {kg=0;$(this).parent("p").css({"overflow": "none", "height": "auto"})
				}else{kg=1;$(this).parent("p").css({"overflow": "hidden", "height": "48px"})}
			});
			$(".xdz_product_nav_type a:eq(0)").bind("click",function(){
				$(".product_menu ul").show().siblings().hide();
				$(".product_menu_all>li").show();
			});
			$(".xdz_product_nav_type a:eq(1)").bind("click",function(){
				$(".product_menu_none").show().siblings().hide();
			});
			$(".xdz_product_nav_all>span>a").bind("click",function(){
				$(".product_menu_all li:eq("+($(this).index()-1)+")").show().siblings().hide();
			})
		})
	</script>
	</body>
</html>